<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" class="gradient 090909 484559 vertical full">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    <title>SysTatic - Sistema Supervisório</title>
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
    <link rel="icon" href="/favicon.ico" type="image/x-icon" />
    <meta name="verify-v1" content="Y5vj2OiQqXigk3PuqZ3Lo75DyrIpnPrrV1+U6bBc2A8=" />
    <meta name="y_key" content="8b599710ad81f61e" />
    <meta name="author" content="Thiago Sampaio" />
    <meta name="DC.title" content="thiagosampaio.com" />
    <meta name="robots" content="ALL" />
    <meta name="distribution" content="Global" />
    <meta name="rating" content="General" />
    <meta name="doc-class" content="Completed" />
    <meta name="description" content="Um simples supervisor..." />
    <meta http-equiv="Refresh" content="<%= @tempo_paineis %>" />  
    <%= stylesheet_link_tag "systrans" %>
    <%= javascript_include_tag :defaults %>
    <%= javascript_include_tag 'clock.js' %>
    <%= javascript_include_tag 'gradient.js' %>
<%= active_scaffold_includes %>
    <script>
      function showTimer() {
        var time=new Date();
        var hour=time.getHours();
        var minute=time.getMinutes();
        var second=time.getSeconds();
        if(hour<10)   hour  ="0"+hour;
        if(minute<10) minute="0"+minute;
        if(second<10) second="0"+second;
        var st=hour+":"+minute+":"+second;
        document.getElementById("timer").innerHTML=st; 
      }
      function initTimer() {
        // O metodo nativo setInterval executa uma determinada funcao em um determinado tempo  
        setInterval(showTimer,1000);
      }
      function hidden() 
      {document.body.style.overflow='hidden';}
      function unhidden() 
      {document.body.style.overflow='';}
    </script>
  </head>
  <body id='inicio' onload="hidden();initTimer();" >
    <div id='container'>
      <div id="banner">
        <div id="header">
          <span id="spinner" style="display: none"><img src='images/indicator_arrows.gif'></span>
          <div class='clock'>
            <span id="timer">Relógio</span>
          </div> 
        </div>
      </div>
      <div id="content">
        <%= yield %>
      </div>
      <%= periodically_call_remote(:url => {:action => 'msg'}, :frequency => @tempo_msg.to_i, :update => 'footer') %>  
      <div id="footer">
      </div>
    </div>
  </body>
</html>
